@charset "UTF-8";
@import "common/common";
@import "common/scrollbar_dark";

body {
    overflow: auto;
}

.page-container {
    min-width: 1500px;

    .headerTime {
        position: absolute;
        right: 60px;
        top: 60px;
    }
}

.main-container {
    text-align: center;

    .main-title {
        margin-top: 180px;
        margin-bottom: 30px;
    }

    .login-content {
        width: 1495px;
        height: 376px;
        background: url('/images/login_02.png');
        margin: 0 auto;
        display: flex;
        flex-direction: column;
        // justify-content: center;
        align-items: center;
        padding-top: 100px;
        position: relative;

        .input-content {
            width: 400px;
            height: 42px;
            position: relative;
            margin-bottom: 20px;

            &::before {
                content: "";
                width: 1px;
                height: 26px;
                background-color: rgba($color: #000000, $alpha: 0.3);
                position: absolute;
                left: 43px;
                top: 8px;
            }

            &>i {
                position: absolute;
                top: 7px;
                left: 9px;
                display: inline-block;
                width: 24px;
                height: 24px;
            }

            .icon1 {
                background: url('/images/login_03.png') no-repeat;
            }

            .icon2 {
                background: url('/images/login_04.png') no-repeat;
            }

            &>input {
                width: 100%;
                height: 100%;
                border: none;
                border-radius: 3px;
                padding-left: 50px;
                color: #3b5e91;
                font-size: 18px;
                border: 2px solid transparent;

                &::-webkit-input-placeholder {
                    color: #3b5e91;
                }

                &::-moz-placeholder {
                    color: #3b5e91;
                }

                &:-moz-placeholder {
                    color: #3b5e91;
                }

                &:-ms-input-placeholder {
                    color: #3b5e91;
                }

                &:hover {
                    border-style: solid;
                    border-width: 2px;
                    border-image-source: linear-gradient(0deg,
                            #685eed 0%,
                            #369eff 100%);
                    border-image-slice: 1;
                }
            }
        }

        .opt-content {
            width: 400px;
            height: 18px;
            font-size: 18px;
            font-weight: normal;
            font-stretch: normal;
            line-height: 18px;
            letter-spacing: 1px;

            &>a {
                color: #b2cce4;
            }
        }

        .login-btn {
            width: 400px;
            height: 43px;
            cursor: pointer;
            position: absolute;
            bottom: 48px;
            background: url('/images/login_05.png');
        }
    }
}

.unitName {
    width: 100%;
    text-align: center;
    font-size: 16px;
    line-height: 22px;
    letter-spacing: 1px;
    color: #ffffff;
    position: absolute;
    bottom: 95px;
}